cascade kuralı ne demek?

Cascade Kuralı (Basamaklama Kuralı)

Cascade (Basamaklama), CSS'in temel prensiplerinden biridir. Aynı HTML elemanına birden fazla CSS kuralının uygulanması durumunda, hangi stilin öncelikli olarak uygulanacağını belirleyen bir dizi kuraldır. Bu kurallar, tarayıcının stilleri nasıl birleştireceğini ve son görünümü nasıl oluşturacağını kontrol eder. Cascade kuralı, çakışan stilleri çözmek ve belirli stillere öncelik vermek için kullanılır.

Cascade'in Temel Unsurları:

1. Öncelik (Importance):

   • !important kuralı, bir stilin diğer tüm stillerden daha öncelikli olmasını sağlar. Ancak kullanımı genellikle tavsiye edilmez, çünkü stilleri yönetmeyi zorlaştırabilir.
   • Öncelik Kavramı

2. Özgüllük (Specificity):

   • Bir stilin özgüllüğü, seçicinin ne kadar spesifik olduğunu gösterir. Daha spesifik seçiciler, daha az spesifik olanlara göre önceliklidir. Örneğin, bir ID seçici (#id) bir sınıf seçiciden (.class) daha özgüldür.
   • Özgüllük Kavramı

3. Kaynak Sırası (Source Order):

   • Aynı özgüllüğe sahip kurallar arasında, CSS dosyasında veya <style> etiketinde daha sonra tanımlanan kural öncelikli olur. Bu, CSS dosyalarının yüklenme sırasının da önemli olduğu anlamına gelir.
   • Kaynak Sırası Kavramı

Cascade'in Çalışma Prensibi:

1. Tarayıcı, bir HTML elemanı için geçerli olan tüm CSS kurallarını toplar.
2. Bu kurallar, yukarıdaki unsurlara (öncelik, özgüllük, kaynak sırası) göre sıralanır.
3. En yüksek önceliğe sahip kural uygulanır. Çakışma durumunda, daha özgül olan kural kazanır. Eğer özgüllük de aynı ise, kaynak sırasına göre en son tanımlanan kural uygulanır.

Kısaca: Cascade, CSS'in hangi stilin uygulanacağına karar verme mekanizmasıdır ve stilleri yönetmek, özelleştirmek ve çakışmaları çözmek için önemlidir.